<UserControl x:Class="Microsoft.Robotics.Visualization.TimerControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="26" d:DesignWidth="400">
    <StackPanel Orientation="Horizontal" Margin="0,0,0,0" HorizontalAlignment="Right" Width="400">
        <Label x:Name="HoursBox"  Width="120" Content="{Binding Path=ElapsedTime}"/>
        <Label Content="" Width="12"/>
        <ToggleButton x:Name="PauseResumeButton" Content="||" Height="26" VerticalAlignment="Top" Width="30" IsChecked="{Binding Path=IsPaused}" FontWeight="Bold" ToolTip="Pause / Resume" Click="OnPauseClicked"/>
        <Label Content="" Width="12"/>
        <ToggleButton x:Name="SkipButton" Content="&gt;|" Height="26" VerticalAlignment="Top" Width="30" FontWeight="Bold" IsChecked="{Binding Path=IsSkipping}" ToolTip="Fast forward / Skip" Click="OnSkipClicked"/>
        <Label Content="" Width="12"/>
        <TextBox x:Name="SeekTime" Width="70" ToolTip="HH:MM:SS" HorizontalContentAlignment="Center" VerticalContentAlignment="Center">  </TextBox>
        <Label Content="" Width="12"/>
        <Button x:Name="SeekButton" Click="OnSeekButtonClicked" ToolTip="Seeks to the specified time (forward only)" >Seek (HH:MM:SS)</Button>        
    </StackPanel>
</UserControl>
